;!function(){
  var layer = layui.layer
  ,table = layui.table
  ,laydate = layui.laydate
  ,form = layui.form
  ,element = layui.element;
  
    form.render(); //更新全部
	form.render('select'); //刷新select选择框渲染
	
	//零售小票选择时间
	var curDate = new Date();
	 laydate.render({
    elem: '#test1' //指定元素
    ,value: new Date(curDate.getTime() - 24*60*60*1000*2) //前两天
  });
  laydate.render({
    elem: '#test2' //指定元素
    ,value: new Date() //
  });
	 laydate.render({
    elem: '#test3' //指定元素
    ,value: new Date(curDate.getTime() - 24*60*60*1000*2) //前两天
  });
  laydate.render({
    elem: '#test4' //指定元素
    ,value: new Date() //
  });
    laydate.render({
    elem: '#date' //指定元素
  });
  
  table.render({
    elem: '#test'
    ,url:'/json/table1.json'
    ,height: 325 //容器高度
    //,toolbar: '#toolbarDemo'
    ,title: '订单数据表'
    ,cols: [[
      {type: 'checkbox', fixed: 'left'}
      ,{field: 'id', title: '序号', type:'numbers', fixed: 'left'}
      ,{field:'username', title:'用户名', width:120, edit: 'text'}
      ,{field:'email', title:'邮箱', width:150, edit: 'text', templet: function(res){
        return '<em>'+ res.email +'</em>'
      }}
      ,{field:'sex', title:'性别', width:80, edit: 'text', sort: true}
      ,{field:'city', title:'城市', width:100}
      ,{field:'sign', title:'签名'}
      ,{field:'experience', title:'积分', width:80, sort: true}
      ,{field:'ip', title:'IP', width:120}
      ,{field:'logins', title:'登入次数', width:100}
      ,{field:'joinTime', title:'加入时间', width:120}
      ,{fixed: 'right', title:'操作', toolbar: '#barDemo', width:150}
    ]]
    ,page: false
  });
  
  //头工具栏事件
  table.on('toolbar(test)', function(obj){
    var checkStatus = table.checkStatus(obj.config.id);
    switch(obj.event){
      case 'getCheckData':
        var data = checkStatus.data;
        layer.alert(JSON.stringify(data));
      break;
      case 'getCheckLength':
        var data = checkStatus.data;
        layer.msg('选中了：'+ data.length + ' 个');
      break;
      case 'isAll':
        layer.msg(checkStatus.isAll ? '全选': '未全选');
      break;
    };
  });
  
  //监听行工具事件
  table.on('tool(test)', function(obj){
    var data = obj.data;
    //console.log(obj)
    if(obj.event === 'del'){
      layer.confirm('真的删除行么', function(index){
        obj.del();
        layer.close(index);
      });
    } else if(obj.event === 'edit'){
      layer.prompt({
        formType: 2
        ,value: data.email
      }, function(value, index){
        obj.update({
          email: value
        });
        layer.close(index);
      });
    }
  });
  
  table.render({
    elem: '#fukuan_mx'
    ,url:'/json/fukuan_mx.json'
    ,height: 325 //容器高度
    ,title: '订单数据表'
    ,cols: [[
      {field:'email', title:'邮箱', width:150, edit: 'text', templet: function(res){
        return '<em>'+ res.email +'</em>'
      }}
      ,{field:'sex', title:'性别', width:80, edit: 'text', sort: true}
      ,{field:'city', title:'城市', width:100}
      ,{field:'sign', title:'签名'}
      ,{field:'experience', title:'积分', width:80, sort: true}
      ,{field:'ip', title:'IP', width:120}
      ,{field:'logins', title:'登入次数', width:100}
      ,{field:'joinTime', title:'加入时间', width:120}
      ,{fixed: 'right', title:'操作', toolbar: '#barDemo', width:64}
    ]]
    ,page: false
  });
    //监听行工具事件
  table.on('tool(fukuan_mx)', function(obj){
    var data = obj.data;
    //console.log(obj)
    if(obj.event === 'del'){
      layer.confirm('真的删除行么', function(index){
        obj.del();
        layer.close(index);
      });
    } else if(obj.event === 'edit'){
      layer.prompt({
        formType: 2
        ,value: data.email
      }, function(value, index){
        obj.update({
          email: value
        });
        layer.close(index);
      });
    }
  });
  
  table.render({
    elem: '#yufu'
    ,url:'/json/yufu.json'
    ,height: 325 //容器高度
    ,title: '订单数据表'
    ,cols: [[
      {field:'email', title:'邮箱', width:150, edit: 'text', templet: function(res){
        return '<em>'+ res.email +'</em>'
      }}
      ,{field:'sex', title:'性别', width:80, edit: 'text', sort: true}
      ,{field:'city', title:'城市', width:100}
      ,{field:'sign', title:'签名'}
      ,{field:'experience', title:'积分', width:80, sort: true}
      ,{field:'ip', title:'IP', width:120}
      ,{field:'logins', title:'登入次数', width:100}
      ,{field:'joinTime', title:'加入时间', width:120}
      ,{fixed: 'right', title:'操作', toolbar: '#barDemo', width:64}
    ]]
    ,page: false
  });
    //监听行工具事件
  table.on('tool(yufu)', function(obj){
    var data = obj.data;
    //console.log(obj)
    if(obj.event === 'del'){
      layer.confirm('真的删除行么', function(index){
        obj.del();
        layer.close(index);
      });
    } else if(obj.event === 'edit'){
      layer.prompt({
        formType: 2
        ,value: data.email
      }, function(value, index){
        obj.update({
          email: value
        });
        layer.close(index);
      });
    }
  });
  
  
  
  table.render({
    elem: '#gkbh'
    ,height: 390
    ,url:'/json/user1.json'
    ,page: true //开启分页
    ,title: '顾客数据表'
    ,cols: [[
      {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
      ,{field: 'username', title: '用户名', width:80}
      ,{field: 'sex', title: '性别', width:80, sort: true}
      ,{field: 'city', title: '城市', width:80} 
      ,{field: 'sign', title: '签名', width: 177}
      ,{field: 'experience', title: '积分', width: 80, sort: true}
      ,{field: 'score', title: '评分', width: 80, sort: true}
      ,{field: 'classify', title: '职业', width: 80}
      ,{field: 'wealth', title: '财富', width: 135, sort: true}
    ]]
  });
  
    table.render({
    elem: '#zzcx'
    ,height: 390
    ,url:'/json/user1.json'
    ,cellMinWidth: 80
    ,page: true //开启分页
    ,title: '顾客数据表'
    ,cols: [[
      {field: 'id', title: '序号', type:'numbers', fixed: 'left'}
      ,{field: 'username', title: '组织编号', sort: true}
      ,{field: 'sex', title: '组织名称'}
      ,{field: 'city', title: '助记码'} 
      ,{field: 'sign', title: '电话号码'}
      ,{field: 'experience', title: '地址',}
      ,{field: 'score', title: '联系人姓名'}
      ,{field: 'classify', title: '组织状态'}
    ]]
  });
  
//监听行单击事件（单击为：row  双击事件为：rowDouble）
  table.on('rowDouble(zzcx)', function(obj){
    var data = obj.data;
    layer.alert(JSON.stringify(data), {
      title: '当前行数据'
    });
    obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');//标注选中样式
    console.log(obj.tr); //得到当前行元素对象
	  console.log(obj.data); //得到当前行数据
	  console.log(obj.data.username);//得到当前行组织编号数据
	  //var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
		//var hb_dwdm=parent.$('#hb_dwdm').val();
		console.log(hb_dwdm);
		console.log($('#hb_dwdm').val());
		console.log(0);
	  //obj.del(); //删除当前行
	  //obj.update(fields) //修改当前行数据
  });
  
     table.render({
    elem: '#gkkxz'
    ,height: 390
    ,url:'/json/user2.json'
    ,cellMinWidth: 80
    ,page: true //开启分页
    ,title: '顾客数据表'
    ,cols: [[
      {field: 'id', title: '序号', type:'numbers', fixed: 'left'}
      ,{field: 'username', title: '组织编号', sort: true}
      ,{field: 'sex', title: '组织名称'}
      ,{field: 'city', title: '助记码'} 
      ,{field: 'sign', title: '电话号码'}
      ,{field: 'experience', title: '地址',}
      ,{field: 'score', title: '联系人姓名'}
      ,{field: 'classify', title: '组织状态'}
    ]]
  });
  

  table.on('rowDouble(gkkxz)', function(obj){
    var data = obj.data;
    layer.alert(JSON.stringify(data), {
      title: '当前行数据'
    });
    obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');//标注选中样式
    console.log(obj.tr); //得到当前行元素对象
	  console.log(obj.data); //得到当前行数据
	  console.log(obj.data.username);//得到当前行组织编号数据
  });
  
  table.render({
    elem: '#yyy'
    ,height: 390
    ,url:'/json/yyy.json'
    ,cellMinWidth: 80
    ,page: true //开启分页
    ,title: '门店店员选择数据表'
    ,cols: [[
      {field: 'dy_id', title: '序号', type:'numbers', fixed: 'left'}
      ,{field: 'dy_yuangbm', title: '员工编号', sort: true}
      ,{field: 'dy_yuangdm', title: '员工代码'} 
      ,{field: 'dy_yuangxm', title: '员工姓名'}
      ,{field: 'dy_jianm', title: '简码',}
    ]]
  });
  

  table.on('rowDouble(yyy)', function(obj){
    var data = obj.data;
    layer.alert(JSON.stringify(data), {
      title: '当前行数据'
    });
    obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');//标注选中样式
    console.log(obj.tr); //得到当前行元素对象
	  console.log(obj.data); //得到当前行数据
	  console.log(obj.data.username);//得到当前行组织编号数据
  });
  
  
  //监听导航点击
//element.on('nav(demo)', function(elem){
//  //console.log(elem)
//  layer.msg(elem.text());
//});
//
  


  
    $('.sy_guke').on('click', function(){
    parent.layer.open({
	    type: 2,
	    title: '顾客验证',
	    maxmin: true,
	    moveOut: true,
	    area: ['680px', '500px'],
	    content: '/page/guke_yz.html'
	    ,zIndex: 1000 //重点1
	    ,success: function(layero, index){
	    	//当你需要在层创建完毕时即执行一些语句，可以通过该回调。success会携带两个参数，分别是当前层DOM当前层索引
	    	console.log(index);
    		console.log(layero, index);
  		}
//	    ,cancel: function(index, layero){ 
//	    	//该回调携带两个参数，分别为：当前层索引参数（index）、当前层的DOM对象（layero），默认会自动触发关闭。如果不想关闭，return false即可
//			  if(confirm('确定要关闭么')){ //只有当点击confirm框的确定时，该层才会关闭
//			    layer.close(index)
//			  }
//			  return false; 
//			}  
	  });
  });
  
  $('.gk_kahao').on('click', function(){
    parent.layer.open({
	    type: 2,
	    title: '卡号验证',
	    maxmin: true,
	    moveOut: true,
	    area: ['680px', '640px'],
	    content: '/page/guke_kh.html'
	    ,zIndex: 1001 //重点1
	  });
  });
  
$('.gk_bianhao').on('click', function(){
    parent.layer.open({
	    type: 2,
	    title: '顾客编号选择',
	    maxmin: true,
	    moveOut: true,
	    area: ['1000px', '740px'],
	    content: '/page/guke_bh.html',
	    zIndex: 1002, //重点1
		  success: function(layero){
		    layer.setTop(layero); //重点2
		  }
			    
	  });
});


$('.gk_zuzhi').on('click', function(){
    parent.layer.open({
	    type: 2,
	    title: '组织选择',
	    maxmin: true,
	    moveOut: true,
	    area: ['800px', '640px'],
	    content: '/page/guke_zz.html'
	    ,zIndex: 1003 //重点1
        ,success: function(layero){
          parent.layer.setTop(layero); //重点2
        }
	  });
});

$('.gk_zuzhi2').on('click', function(){
    parent.layer.open({
	    type: 2,
	    title: '组织选择',
	    maxmin: true,
	    moveOut: true,
	    area: ['800px', '640px'],
	    content: '/page/guke_zz2.html'
	    ,zIndex: 1001 //重点1
	    ,zIndex: layer.zIndex //重点1
        ,success: function(layero){
          parent.layer.setTop(layero); //重点2
        }
	  });
});

  
  $('.sy_yyy').on('click', function(){
    parent.layer.open({
	    type: 2,
	    title: '门店店员选择',
	    maxmin: true,
	    moveOut: true,
	    area: ['680px', '470px'],
	    content: '/page/yyy.html'
	    ,zIndex: layer.zIndex //重点1
	  });
  });
  
  $('.sy_spxz').on('click', function(){
    parent.layer.open({
	    type: 2,
	    title: '商品选择',
	    maxmin: true,
	    moveOut: true,
	    area: ['800px', '800px'],
	    content: '/page/shangpin_xz.html'
	    ,zIndex: layer.zIndex //重点1
	  });
  });
  
    $('.sy_jiezhang').on('click', function(){
    parent.layer.open({
	    type: 2,
	    title: '结账收款',
	    maxmin: true,
	    moveOut: true,
	    area: ['800px', '660px'],
	    content: '/page/jiezhang.html'
	    ,zIndex: layer.zIndex //重点1
	  });
  });
  
  $('.sy_huifu').on('click', function(){
    parent.layer.open({
	    type: 2,
	    title: '零售小票选择',
	    maxmin: true,
	    moveOut: true,
	    area: ['720px', '640px'],
	    content: '/page/lingshouxp_hf.html'
	    ,zIndex: 1000 //重点1
	    
	  });
  });
  
    $('.sy_chongdan').on('click', function(){
    parent.layer.open({
	    type: 2,
	    title: '冲单',
	    maxmin: true,
	    moveOut: true,
	    area: ['720px', '500px'],
	    content: '/page/chongdan.html'
	    ,zIndex: 1000 //重点1
	    
	  });
  });
  
  table.render({
    elem: '#lingsxp'
    ,height: 390
    ,url:'/json/lingsxp.json'
    ,cellMinWidth: 80
    ,page: true //开启分页
    ,title: '顾客数据表'
    ,cols: [[
      {field: 'id', title: '序号', type:'numbers', fixed: 'left'}
      ,{field: 'username', title: '组织编号', sort: true}
      ,{field: 'sex', title: '组织名称'}
      ,{field: 'city', title: '助记码'} 
      ,{field: 'sign', title: '电话号码'}
      ,{field: 'experience', title: '地址',}
      ,{field: 'score', title: '联系人姓名'}
      ,{field: 'classify', title: '组织状态'}
    ]]
  });
  table.on('rowDouble(lingsxp)', function(obj){
    var data = obj.data;
    layer.alert(JSON.stringify(data), {
      title: '当前行数据'
    });
    obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');//标注选中样式
    console.log(obj.tr); //得到当前行元素对象
	  console.log(obj.data); //得到当前行数据
	  console.log(obj.data.username);//得到当前行组织编号数据
  });
  
 $('.sy_yufu').on('click', function(){
    parent.layer.open({
	    type: 2,
	    title: '预付',
	    maxmin: true,
	    moveOut: true,
	    area: ['800px', '560px'],
	    content: '/page/yufu.html'
	    ,zIndex: layer.zIndex //重点1
	  });
  });
  
 $('.sy_dazhe').on('click', function(){
    parent.layer.open({
	    type: 2,
	    title: '打折',
	    maxmin: true,
	    moveOut: true,
	    area: ['800px', '500px'],
	    content: '/page/dazhe.html'
	    ,zIndex: layer.zIndex //重点1
	  });
  });  
  
  
 $('.sy_jiaoyi').on('click', function(){
    parent.layer.open({
	    type: 2,
	    title: '顾客消费记录',
	    maxmin: true,
	    moveOut: true,
	    area: ['1000px', '740px'],
	    content: '/page/guke_jy.html',
	    zIndex: 1002, //重点1
		  success: function(layero){
		    layer.setTop(layero); //重点2
		  }
			    
	  });
}); 
  
  
  table.render({//顾客消费记录零售
    elem: '#guke_ls'
    ,height: 360
    ,url:'/json/guke_ls.json'
    ,title: '顾客消费记录零售数据表'
    ,cols: [[
      {field: 'id', title: '商品代码', width:100, sort: true}
      ,{field: 'username', title: '商品名称', width:100}
      ,{field: 'sex', title: '生产成本', width:100, sort: true}
      ,{field: 'city', title: '助记码', width:100} 
      ,{field: 'sign', title: '序号', width: 100}
      ,{field: 'experience', title: '颜色', width: 100, sort: true}
      ,{field: 'score', title: '规格', width: 100}
      ,{field: 'classify', title: '商品代码', width: 100}
      ,{field: 'wealth', title: '分销单价', width: 100}
      ,{field: 'classify', title: '实际库存', width: 100}
      ,{field: 'wealth', title: '已配库存', width: 100}
    ]]
  });
  
  
  table.render({//顾客消费记录兑现
    elem: '#guke_dx'
    ,height: 360
    ,url:'/json/guke_dx.json'
    ,title: '顾客消费记录兑现数据表'
    ,cols: [[
      {field: 'id', title: '行号', width:100, sort: true}
      ,{field: 'username', title: '付款方式名称', width:100}
      ,{field: 'sex', title: '币种名称', width:100, sort: true}
      ,{field: 'city', title: '卡号', width:100} 
      ,{field: 'sign', title: '原币金额', width: 100}
      ,{field: 'experience', title: '汇率', width: 100, sort: true}
      ,{field: 'score', title: '付款金额', width: 100}
      ,{field: 'classify', title: '实得率', width: 100}
      ,{field: 'wealth', title: '参考号', width: 100}
      ,{field: 'classify', title: '流水号', width: 100}
      ,{field: 'wealth', title: '已配库存', width: 100}
    ]]
  });   
  
  
 $('.gk_bianhao_xf').on('click', function(){
    parent.layer.open({
	    type: 2,
	    title: '顾客编号选择',
	    maxmin: true,
	    moveOut: true,
	    area: ['1100px', '760px'],
	    content: '/page/guke_bh_xz.html',
	    zIndex: 1002, //重点1
		  success: function(layero){
		    layer.setTop(layero); //重点2
		  }
			    
	  });
}); 
  
  $('.gk_kahao_xf').on('click', function(){
    parent.layer.open({
	    type: 2,
	    title: '顾客卡号选择',
	    maxmin: true,
	    moveOut: true,
	    area: ['1080px', '640px'],
	    content: '/page/guke_kh_xz.html'
	    ,zIndex: 1001 //重点1
	  });
  });  
  
  $('.sy_cxcl').on('click', function(){
    parent.layer.open({
	    type: 2,
	    title: '促销策略',
	    maxmin: true,
	    moveOut: true,
	    area: ['680px', '470px'],
	    content: '/page/cuxcl.html'
	    ,zIndex: layer.zIndex //重点1
	  });
  });  
  
  table.render({
    elem: '#cuxcl'
    ,height: 390
    ,url:'/json/cuxcl.json'
    ,cellMinWidth: 80
    ,toolbar: '#cuxcltoolbarDemo'
    ,title: '促销策略数据表'
    ,cols: [[
    	{type: 'checkbox', fixed: 'left'}
      ,{field: 'username', title: '策略名称'} 
      ,{field: 'classify', title: '策略描述'}
    ]]
  });
  
  
  
  
  
  
  
  
  
  
  
}();